<nz-skeleton [nzAvatar]="true" [nzParagraph]="{ rows: 4 }"></nz-skeleton>

<nz-comment nzAuthor="Han Solo" [nzDatetime]="time" *ngFor="let item of list">
    <nz-avatar nz-comment-avatar nzIcon="user" nzSrc="//zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></nz-avatar>
    <nz-comment-content>
        <p>
            We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.
        </p>
    </nz-comment-content>
    <nz-comment-action>
        <i nz-tooltip nzTitle="Like" nz-icon nzType="like" [nzTheme]="likes > 0 ? 'twotone' : 'outline'" (click)="like()"></i>
        <span class="count like">{{ likes }}</span>
    </nz-comment-action>
    <nz-comment-action>
        <i nz-tooltip nzTitle="Dislike" nz-icon nzType="dislike" [nzTheme]="dislikes > 0 ? 'twotone' : 'outline'" (click)="dislike()"></i>
        <span class="count dislike">{{ dislikes }}</span>
    </nz-comment-action>
    <nz-comment-action>Reply to</nz-comment-action>
</nz-comment>